<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New Ticket</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }
        h1 {
            text-align: center;
            color: #333;
        }
        form {
            max-width: 600px;
            margin: 0 auto;
        }
        label {
            display: block;
            margin: 10px 0 5px;
        }
        input[type="text"], textarea, select {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
        }
        button {
            padding: 10px 20px;
            background-color: #007BFF;
            color: white;
            border: none;
            cursor: pointer;
        }
        button:hover {
            background-color: #0056b3;
        }
        .navbar {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        .navbar a {
            margin: 0 10px;
            text-decoration: none;
            color: #007bff;
            font-weight: bold;
        }
        .navbar a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
<div class="navbar">
    <a href="{{ url_for('dashboard') }}">Dashboard</a>
    <a href="{{ url_for('new_ticket') }}">New Ticket</a>
    <a href="{{ url_for('report') }}">Daily Report</a>
    <a href="{{ url_for('logout') }}">Logout</a>
</div>
    <h1>新建工单</h1>
    <form method="POST" action="{{ url_for('new_ticket') }}">
        <label>工单标题:</label>
        <input type="text" name="name" required><br>
        <label>具体内容及现象:</label>
        <textarea name="content" required></textarea><br>
        <label>项目类别:</label>
        <input list="project_categories" name="category" required placeholder="输入首关键字或双击选择">
        <datalist id="project_categories">
            <option value="江西科技厅系统">
            <option value="海南科技厅">
            <option value="南山区产业发展综合服务平台">
            <option value="深圳医科院">
            <option value="连云港财政局">
            <option value="广州卫计委">
            <option value="中国科协系统">
            <option value="江西常设市场">
            <option value="江西人才系统">
            <option value="海南省科技创新云">
            <option value="崖州湾科技城">
            <option value="创新城">
            <option value="科创云">
            <option value="成都商务委">
            <option value="佛山卫生局">
            <option value="中山卫生局">
            <option value="南山区智能稳商">
            <option value="科研之友">
            <option value="江西科创云">
            <option value="衡阳科创云">
            <option value="广西科技厅">
            <option value="高校云平台汇总">
            <option value="新疆师范大学">
            <option value="深圳市哲学社科院">
            <option value="深圳专家库系统">
            <option value="无锡财政局">
            <option value="云南科技厅">
            <option value="广州市阳光政务平台">
            <option value="江阴财政">
            <option value="东莞市科技业务理系统">
            <option value="广东省农业科学院">
            <option value="广州实验室">
            <option value="江西科学院">
            <option value="武汉科技大学">
            <option value="哈尔滨工程大学">
            <option value="合肥工业大学">
            <option value="华东师范大学">
            <option value="三峡大学">
            <option value="深圳技术大学">
            <option value="表单工具">
            <option value="澳门项目">
            <option value="办公信息系统">
            <option value="机房网络">
            <option value="其他事项">
        </datalist><br>
        <label>指派人员:</label>
        <select name="assignee" required>
            <option value="">请选择人员</option>
            <option value="黄镇杰">业务运维-黄镇杰</option>
            <option value="陈克">业务运维-陈克</option>
            <option value="甘汶鹰">办公网络-甘汶鹰</option>
        </select><br>
        <button type="submit">创建</button>
    </form>
</body>
</html>